// signDetail
.assetInfo{
        display: flex;
}
.assetInfo div{
    display: inline-block;
    width: 15%;
    color: #fff;
    line-height: 40px;
}
.inforStatic-container-right {
     width: 100%;
     height: 99%;
     display: flex;
     padding-left: 3%;
     position: relative;
     padding-top: 50px;
 }
 .portrait-box {
     width: 55%;
     padding-top: 40px;
 }
 .textBox {
     width: 10%;
     padding-top: 20%;
 }
 .textBoxp {
     width: 240px;
     color: #6FE6F4;
     margin-left: -35px;
     margin-top: 10px;
 }
 .collection-box {
     width: 40%;
     padding: 40px 20px;
 }
 .collection-box-cencus {
     width: 411px;
     height: 411px;
     border: 1px dashed#6FE6F4;
     border-radius: 50%;
     position: relative;
 }
 :global(.ant-progress-text) {
     display: none;
 }
 .progress {
     position: absolute;
     left: 50%;
     top: 50%;
 }
 :global(.ant-progress-circle-trail) {
     stroke: rgba(27, 94, 157,0.95) !important;
 }
 .progress1 {
     margin-top: -60px;
     margin-left: -60px;
     transform: rotate(90deg);
 }
 :global(.ant-progress:nth-child(1) .ant-progress-circle-path) {
     stroke: RGBA(111, 230, 244, 1) !important;
 }
 .progress2 {
     margin-top: -100px;
     margin-left: -100px;
     transform: rotate(90deg);
 }
 :global(.ant-progress:nth-child(2) .ant-progress-circle-path) {
     stroke: RGBA(134, 248, 189, 1) !important;
 }
 .progress3 {
     margin-top: -142.5px;
     margin-left: -142.5px;
     transform: rotate(180deg);
 }
 :global(.ant-progress:nth-child(3) .ant-progress-circle-path) {
     stroke: RGBA(0, 255, 255, 1) !important;
 }
 .progress4 {
     margin-top: -189.5px;
     margin-left: -189.5px;
     transform: rotate(180deg);
 }
 :global(.ant-progress:nth-child(4) .ant-progress-circle-path) {
     stroke: RGBA(3, 115, 253, 1) !important;
 }
 .collection-box-text {
     padding-top: 40px;
 }
 .collection-box-text-textBox {
     width: 32%;
     height: 20px;
     margin: 14px 0 0 130px;
 }
 .collection-box-text-textBox span:last-child {
     float: right;
 }
 .collection-box-text-textBox span:first-child {
     color: #fff;
     padding-left: 10px;
 }
 .collection-box-text-textBox:before {
     content: '';
     width: 10px;
     height: 10px;
     background: #fff;
     display: inline-block;
 }
 .collection-box-text-textBox:nth-child(1) span:last-child {
     color: #6FE6F4;
 }
 .collection-box-text-textBox:nth-child(1):before {
     background: #6FE6F4;
 }
 .collection-box-text-textBox:nth-child(2) span:last-child {
     color: #86F8BD;
 }
 .collection-box-text-textBox:nth-child(2):before {
     background: #86F8BD;
 }
 .collection-box-text-textBox:nth-child(3) span:last-child {
     color: #00FFFF;
 }
 .collection-box-text-textBox:nth-child(3):before {
     background: #00FFFF;
 }
 .collection-box-text-textBox:nth-child(4) span:last-child {
     color: #0373FD;
 }
 .collection-box-text-textBox:nth-child(4):before {
     background: #0373FD;
 }
 .portrait-box {
     width: 55%;
     padding-top: 40px;
 }
 .textBox {
     width: 10%;
     padding-top: 20%;
 }
 .textBox p {
     width: 240px;
     color: #6FE6F4;
     margin-left: -35px;
     margin-top: 10px;
 }
 .change-box {
     width: 36px;
     height: 32px;
     line-height: 32px;
     text-align: center;
     position: absolute;
     right: 0;
     top: 0;
     background:rgba(39,120,252,0.5);
     border-radius: 2px;
     cursor: pointer;
 }
 .inforStatic-topText {
    width: 278px;
    height: 38px;
    background: url(../../../../assets/images/infostatic/bzBg.png);
    background-size: 100% 100%;
    padding-left: 95px;
    letter-spacing: 1px;
    position: absolute;
    left: 0;
    top: 50px;
}
.topText {
    color: #fff;
    font-style: normal;
    line-height: 38px;
}
.topText::before {
    position: absolute;
    content: "";
    width: 26px;
    height: 24px;
    background: url(@/assets/images/infostatic/biaozhi.png);
    background-size: 100% 100%;
    left: 55px;
    top: 5px;
}
:global(.ant-input-group-addon){
    border: none;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: url(../../../../assets/images/inputBtn.png);
    background-size: 100% 100%;
}

@media screen and (min-width:1281px) and (max-width:1366px) {
    .portrait-box {
        transform: scale(0.6);
        padding-top: 0px;
        margin-top: -92px;
    }
    .collection-box {
        transform: scale(0.7);
        padding: 0;
        margin-top: -80px;
    }
    .collection-box-text-textBox {
        width: 44%;
        margin: 14px 0 0 109px;
    }
    .inforStatic-topText {
        top: 15px;
    }
    .textBox {
        padding-top: 13%;
    }
    .collection-box-text {
        padding-top:0;
    }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
    .portrait-box {
        transform: scale(0.7);
        padding-top: 0px;
        margin-top: -60px;
    }
    .collection-box {
        transform: scale(0.75);
        padding: 0;
        margin-top: -50px;
    }
    .collection-box-text-textBox {
        width: 44%;
        margin: 14px 0 0 109px;
    }
    .inforStatic-topText {
        top: 15px;
    }
    .textBox {
        padding-top: 13%;
    }
    .collection-box-text {
        padding-top:30px;
    }
}
@media screen and (min-width:1441px) and (max-width:1679px) {
    .portrait-box {
        transform: scale(0.7);
        padding-top: 0px;
        margin-top: -60px;
    }
    .collection-box {
        transform: scale(0.75);
        padding: 0;
        margin-top: -50px;
    }
    .collection-box-text-textBox {
        width: 44%;
        margin: 14px 0 0 109px;
    }
    .inforStatic-topText {
        top: 15px;
    }
    .textBox {
        padding-top: 13%;
    }
    .collection-box-text {
        padding-top:30px;
    }
}
@media screen and (min-width:1680px) and (max-width:1900px){
    .portrait-box {
        transform: scale(0.9);
    }
    .collection-box {
        transform: scale(0.9);
    }
    .collection-box-text-textBox {
        width: 44%;
        margin: 14px 0 0 109px;
    }
}